@charset "utf-8";
/* 分类 */
.cat_nav{background: #fff; position:relative; width: 245px; height:528px;}
.cat_nav .jon_item {height:44px; cursor: pointer;}
.cat_nav .jon_item:hover{background-color:#33a1ff;}
.cat_nav .jon_item_pop{ display: none;}
.cat_nav .jon_item:hover > .jon_item_pop{ display: block;}
.cat_nav .nav-page{position:absolute; height: 44px;border-top: 1px dashed #e6e6e6;overflow: hidden; bottom:0; width:100%;}
.cat_nav .page-info{ float: left;font-size: 14px;font-weight: 500;color: #276bf2;line-height: 20px;margin-top: 12px;padding-left: 20px;}
.cat_nav .page-btn{float: right;margin-top: 10px;padding-right: 20px;}
.cat_nav .page-btn i{float: left;width: 24px;height: 24px;background: rgba(39, 120, 248,.1);border-radius: 6px;color: #2475f5;transition: all .2s linear;margin-left: 12px;cursor: pointer; position:relative;}
.cat_nav .page-btn i:hover{background: rgba(39, 120, 248,1);color: #fff;}
.cat_nav .page-btn i:after{content:" ";position:absolute;width:24px;height:24px; top:0px; left:0px; line-height:22px; font-size:12px;}
.cat_nav .page-btn .page-prev:after{content:"◀";text-indent:6px;}
.cat_nav .page-btn .page-next:after{content:"▶";text-indent:8px;}
.jon_item .jon_item_text{height:44px;line-height:44px;padding: 0 24px;text-decoration: none;font-weight: 600;color: #404c5b;font-size: 14px;z-index: 99; position: relative;}

.cat_nav .jon_item:hover > .jon_item_text{color: #fff;}
.cat_nav .jon_item:hover > .jon_item_text::after{ display: none;}
.jon_item .jon_item_text::after {content: ' ';width:8px;height:8px; top:17px; position: absolute;right:25px;border-top: 1px solid #c3c3c3;border-right: 1px solid #c3c3c3; transform: rotate(45deg);}
.jon_item .jon_item_pop {position: absolute;top: 0px;left: 245px;height:528px;background: #fff; border-left:none; display: none;z-index: 2; width:956px; overflow: hidden;}

.jon_item_pop .pop_slide{width: 280px;height:508px;background-color: #33a1ff;box-shadow: -17px 10px 40px 0px rgb(0 94 175 / 16%); padding-top: 20px;}
.jon_item_pop .pop_slide .pop_li{ font-size: 15px;height: 40px;line-height: 40px;padding-left: 40px;background: url(img/li-1.png) no-repeat 20px center;}
.pop_li .li_text{color: rgba(255, 255, 255, 0.7); position: relative;}
.pop_li .li_text::after{content:' ';width:8px;height:8px; top:16px; position: absolute;right:25px;border-top: 1px solid rgba(255, 255, 255, 0.7);border-right: 1px solid rgba(255, 255, 255, 0.7); transform: rotate(45deg);}
.pop_li.on .li_text{font-weight: bold; color: #fff; position: relative;}
.pop_li.on .li_text::after{content: ' ';width:8px;height:8px; top:16px; position: absolute;right:25px;border-top: 2px solid #fff;border-right: 2px solid #fff; transform: rotate(45deg);}
.pop_li .pop_con_two{width: 613px; height:466px; background-color: #fff; padding: 30px;position: absolute;left: 280px;top: 0px;display: none; overflow-y: scroll;border: 1px solid #e6e8ec;}
.pop_li.on .pop_con_two{display: block;}
.pop_li .pop_con_two a{color: #888; font-size: 14px; display: inline-block; line-height: 27px; width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 15px;   text-decoration: none;} 
.pop_li .pop_con_two a:hover{color: #276bf2;}

/*分类右边*/
.cat_r_box{ width:940px; height:528px; overflow:hidden;}
.nav_2{background-color: #fff; padding: 15px 0 15px 20px; margin-bottom: 15px;}
.nav_2 a{color: #535353;font-size:14px;margin-right: 24px; position: relative;}
.nav_2 a:hover{ color:#276bf2;}
.nav_2 a::after{content: ""; width: 1px;height: 17px;background-color: #535353;position: absolute;right: -13px;top: 50%;margin-top: -8.5px;}
.nav_2 a:last-child::after{ display: none;}
/* banner 登录 */
.cat_r_m_box{ background-color: #fff; height: 300px;}
.index_frist_box{padding-left:10px;padding-top: 10px; width: 670px;}
.index_huandeng{ height:280px; width:670px}
.hp_login{ padding-top: 15px; height: 270px;}
.hp_login_hy{margin-top:20px ;}
.hp_login_lg{ margin-top: 20px;}
.hp_login_rg{ padding-top: 20px;}
/*公告*/
.notice{ height: 150px; overflow:hidden;  margin-top: 15px;}
.notice_box{ width:600px; height: 150px; background-color: #fff;}
.notice_bnt{ height: 35px;display: flex; justify-content: space-between;}
.notice_bnt li{ width: 33.33%; text-align: center; height: 32px;line-height: 32px;border-bottom: 3px solid #fff;}
.notice_bnt li a{ display: block; width: 100%; height: 32px; text-decoration: none;}
.notice_bnt .on{border-bottom: 3px solid #276bf2;}
.notice_bnt .on a{font-weight: bold; color: #276bf2;}
.notice_con{ padding:10px 40px;}
.new_list{display: none;}
.new_list.on{ display: block;}
.new_list li{line-height: 32px;background: url(img/li-2.png) no-repeat 0 center; padding-left: 20px;}
.new_list li em{color: #a3aab4; margin-right: 10px;}
/*招聘会列表*/
.Job_fair{width: 325px; height: 150px; background-color: #fff;}
.zph_box{ position: relative; width: 325px; height: 150px; overflow: hidden;}
.zph_box .more{ position: absolute; top:8px; right: 10px; color:#a3aab4; font-size: 12px;}
.zph_bnt{ width:270px;}
.zph_bnt li{height: 35px; width: 90px; float: left;}
.zph_bnt .li-txt{ height: 32px; line-height: 32px; border-bottom: 3px solid #fff; text-align: center; color: #999; cursor: pointer;}
.zph_bnt li .zph_con{ position: absolute; width: 270px; height: 120px; top:45px;  left: 25px; display:none;}
.zph_bnt .on .li-txt{border-bottom: 3px solid #276bf2;color: #276bf2;}
.zph_bnt .on .zph_con{ display: block;}
.zph_con a{text-decoration: none;height:28px; line-height:28px;}
.zph_con a:hover{color:#276bf2;}
.zph_con a .zph_tit{ text-align: center; height: 35px; line-height: 35px; font-size: 15px;}
.zph_con a .zph_add{background: url(../images/zph_icon2.png) no-repeat left 8px; text-indent: 20px;color: #535353;font-size: 13px;}
.zph_con a .zph_time{background: url(../images/timeicon.png) no-repeat left 8px;text-indent: 20px;color: #535353;font-size: 13px;}

/* 为你推荐 */
.recom .recom_tit {text-align: center;color: #333333;font-size: 24px;padding: 16px 0 26px;}
.recom .recom_tit span { position: relative; }
.recom_tit span::after,.recom_tit span::before {content: "";height: 2px;width: 50px;background-color: #276bf2;position: absolute;top: 50%;margin-top: -1px;}
.recom_tit span::after {right: -56px;}
.recom_tit span::before {left: -56px;}

/* 品牌招聘轮播图 */
.recom_from{width: 100%;background:#fff; margin-top: 20px;}
.com_recom{ padding-bottom:30px;}
.recom_sw_content .sw_con {position: relative;min-height:800px;}
.recom_sw_content .recom_sw_con_min {position: relative;min-height:650px;margin-top: 10px; border-top:1px solid #eee;}
.recom_sw_con_min .recom_sw_wrapper {width:1200px;white-space: nowrap;}
.recom_sw_content .recom_sw_wrapper .recom_list {width: 1200px;height: 316px;box-sizing: border-box;display: none;}

/* 品牌招聘 分页符号 */
.recom_sw_content .page {text-align: center;}
.recom_sw_content .page .page_wrapper {margin: 10px auto 0;font-size: 0;}
.recom_sw_content .page .page_wrapper li {width: 35px;height: 6px;background-color: #ddd; cursor: pointer; display: inline-block; margin: 0 2px;}
.recom_sw_content .page .page_wrapper .li_active {background-color: rgb(198, 217, 241);}
.recom_sw_content .page .page_wrapper li i {width: 0px;height: 6px;display: block; background-color: #1684ff;}

/* 品牌招聘列表 */
.recom_list ul{width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.recom_list ul li{width: 200px; height:160px; border-right:1px solid #eee; border-bottom:1px solid #eee;box-sizing: border-box; position:relative; overflow: hidden;}
.recom_list ul li:last-child{ margin-right: auto;}
.recom_list ul li:nth-child(6n){ border-right: none;}

.recom_list .recom_img{ height: 90px; position: relative; margin-top:20px;}
.recom_list .recom_img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.recom_list .recom_tit{height: 20px;line-height: 20px; text-align: center; color: #333;width: 170px; margin: 12px auto; overflow: hidden;}
.recom_list .recom_job_box{width:170px; height: 160px; position: absolute; background-color:rgba(51, 149, 246,0.9);bottom:-160px;transition:all .3s; padding: 0 15px;}
.recom_list ul li:hover .recom_job_box{bottom:0px;}
.recom_job_box .recom_tit_url{ margin-top:5px; margin-bottom:8px; padding-bottom:6px; height: 30px; line-height: 30px; text-align: center; position: relative; overflow: hidden;}
.recom_job_box .recom_tit_url::after{position: absolute; content:' ';width:30px;height: 3px;background: #ffc600;bottom:0px; left: 50%; transform: translate(-50%,0);}
.recom_job_box .recom_tit_url a{color: #fff; font-weight: bold;}
.recom_job_box .recom_tit_url a:hover{color: #ffc600;}

/* 急聘岗位 */
.emerg_job_post {margin-top:20px;background-color: #fff;}
.emerg_job_post .emerg_job_content {height:520px;/* overflow: hidden; */}
  
/* 急聘岗位轮播图 */
.emerg_job_post .emerg_job_content .sw_con {position: relative;min-height:480px;}
.emerg_job_content .emerg_job_wrapper {position: absolute;left: 0;top: 0;white-space: nowrap;}
.emerg_job_wrapper .emerg_job_item { width:1170px;padding:0px 15px; display: none;}
.emerg_job_wrapper .emerg_job_item .job_item .job_name {max-width: 170px;color: rgb(51, 102, 204);font-size: 14px;cursor: pointer;display: inline-block;}
.emerg_job_wrapper .emerg_job_item .job_item .job_icon {width: 20px;height: 20px;display: inline-block;background-color: #fc8734;text-align: center;line-height: 20px;color: #fff;font-size: 12px;border-radius: 3px;margin-right: 5px;font-style: normal; margin-left: 5px;}
.emerg_job_wrapper .emerg_job_item .job_item .job_com {max-width: 150px;font-size: 12px;color: #777;cursor: pointer;line-height: 24px;}
.emerg_job_wrapper .emerg_job_item .job_item .job_com:hover {color: #1684FF;}
  
/* 紧急岗位 分页符号 */
.emerg_job_content .page_wrapper {text-align: center;font-size: 0;}
.emerg_job_content .page_wrapper li {display: inline-block;width: 35px;height: 6px;background-color: #ddd;margin: 0 2px;cursor: pointer;}
.emerg_job_content .page_wrapper li i {display: block;width: 0;height: 6px;background-color: #1684ff;}
.emerg_job_content .page_wrapper .emerg_page_active {background-color: rgb(198, 217, 241);}
  
/* 急聘岗位 列表*/
.emerg_job_item ul{width:100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.emerg_job_item ul li{width:260px;border:1px solid #eee;float:left;margin-top:10px; padding: 0 10px 7px;}
.emerg_job_item ul li:hover{border:1px rgb(51, 102, 204) solid;z-index:99;background-color:#eff6fb;box-shadow:0px 0px 10px #CCCCCC;}
.emerg_job_item ul li:last-child:nth-child(4n + 2) {margin-right: calc((1170px - 280px) / 3 * 2);}
.emerg_job_item ul li:last-child:nth-child(4n + 3) {margin-right: calc((1170px - 280px) / 3 * 1);}

.hp_urg_job_top{width:100%;height:37px;line-height:37px;font-size:16px;border-bottom:1px double #eee; overflow:hidden}
.hp_urg_job_top a{color:rgb(51, 102, 204);font-size:16px;}
.hp_urg_job_ct{color:#666;line-height:26px;padding:5px 0px 0px 0px;}
.hp_urg_job_ct a{color:#666;}
.hp_urg_job_ct a:hover{color:#c30;}
.hp_urg_job_ov{width:100%;color:#666;height:26px; line-height:26px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.hp_urg_job_ct_r{color:#e43b2e;padding-right:6px;}
.index_line{color:#999; font-size:12px; padding:0px 5px;}

/*最新职位*/
.newjob_list{ border-top:1px solid #eee;}
.newjob_list ul{width: 100%;display: flex; justify-content: space-between; flex-wrap: wrap;}
.newjob_list ul li{width:300px; height:85px; border-right:1px solid #eee; border-bottom:1px solid #eee;box-sizing: border-box; position:relative; overflow: hidden; padding:15px 15px;}
.newjob_list ul li:last-child{ margin-right: auto;}
.newjob_list ul li:nth-child(4n){ border-right: none;}
.newjob_list ul li:hover {box-shadow: 0px 5px 10px 0px rgba(111, 116, 132, 0.1);}
.green_jobname a{margin-left:10px;;color:#276bf2; display:inline-block}
.green_comename{width:100%; font-size:16px; float:left}
.green_comename img{ vertical-align:middle; margin-left:3px;    max-width: 20px;}
.green_jobname{width:255px; padding-left:15px;; font-size:14px;height:20px; line-height:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;float:left;color:#2bb8aa; padding-top:10px; position:relative}
.green_jobname_icon{width:18px;height:18px; line-height:18px; display:inline-block; background:#276bf2;color:#fff; text-align:center; position:absolute;left:0px;top:11px; font-size:12px;border-radius:2px;}

.index_zl_box2{width: 100%; background: #fff;margin-top: 20px;padding-bottom: 20px;float: left;}
.hp_head_search_bom_left{width: 635px;}
.hp_foot_bt_c{ padding-top: 15px;}
.i_link_box{ padding-bottom:5px;color: #999;}
.i_link a{color:#999; padding: 0 8px;}
.hp_foot_wt{ padding-bottom:30px;}
.index_banner .index_banner_1250{width:1250px;}

.index_banner img{ }
.b_w1200{width:1200px;height:65px; background:#fff; float:left;margin-top:15px; margin-right:15px; overflow:hidden}
.b_tip a{width:100%; display:block;height:65px; position:relative;}
.b_tip a:after{width:25px;height:13px;content:""; display:inline-block; background:url(../images/gicon.png) no-repeat; position:absolute;right:0px;bottom:0px}
.b_w289{width:592px;height:65px; background:#fff; float:left;margin-top:15px; margin-right:15px;overflow:hidden}
.b_w391{width:391px;height:65px; background:#fff; float:left;margin-top:15px; margin-right:15px;overflow:hidden}
.b_w143{
    width:199px;
    height:65px; 
    background:#fff; 
    float:left;
    margin-top:0px; 
    margin-right:0px;
    overflow:hidden;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.b_w143 img{
    width:199px;
    height:65px; 
  
}

.hp_head_searchbor {
    width: 850px;
    
}
.hp_head_search_job{z-index: 100;}
.index_header_seach_find_list {
    background: #fff;
    z-index: 100;
  
}

.hp_head_search_bom {
    width: 850px;
}

.hp_head_search_bom a {
    font-size: 14px;
}
.hp_login {
  margin-left: 8px;
}
.login_ok {
   
    margin-left: 5px;
}
/*hyf*/
.duilian_left{ left:115px;}
.duilian_right{right:115px;}
@media (min-width:1440px) and (max-width:1670px){
            .duilian_left{left:0px}
            .duilian_right{right:0px;}
        }
@media (max-width:1439px){
    #footer_ad{display:none}
}
.duilian{width:122px}
.duilian_con { width: 120px; height: 320px;}
.close_container{width: 120px; }
.yhq_tip { display: none;}
.header_fixed {z-index: 999; }
.tip_fot_user { width: 117px;height: 139px;background: url(../images/foot_lgx.png) no-repeat;position: absolute;
    left: 0px;
    bottom: 0px;}
.tcbanner {width: 100%; text-align: center;position: fixed; z-index: 1002;height: 100vh;	display: flex;justify-content: center;align-items: center; }
.tcbanner_gb { padding-top: 20px;text-align: center;color: #fff; background: rgba(0, 0, 0, 0.5);  padding: 3px 10px;  border-radius: 20px;   position: fixed;   top: 100px;  right: 50px;   display: inline-block;  z-index: 1002;   cursor: pointer;}
.yhq_tip_bg{background:rgba(0%,0%,0%,0.5);bottom:0;display:none;left:0;position:absolute;right:0;top 0;width:100%;height:100%;z-index:1001;}

.hp_head_search_bom_left{color:#a4a1a1;}
.hp_head_search_bom_left h1{display:inline-block;font-size: 14px; font-weight:normal;}